﻿<!DOCTYPE html>
<html lang="zxx">
   <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <meta name="format-detection" content="telephone=no" />
      <meta name="apple-mobile-web-app-capable" content="yes" />
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" href="css/font-awesome.min.css">
      <link href="css/animate.css" rel="stylesheet">
      <link href="css/icofont.css" rel="stylesheet" type="text/css">
      <link href="css/swiper.css" rel="stylesheet" type="text/css">
      <link href="css/light_box.css" rel="stylesheet" type="text/css">
      <link href="css/owl.carousel.min.css" rel="stylesheet">
      <link href="css/style.css" rel="stylesheet" type="text/css">
      <link href="css/responsive.css" rel="stylesheet" type="text/css">
      <link href="css/magnific-popup.css" rel="stylesheet">
      <title>Fitaza</title>
      <!--================ Our header Section =================-->
   </head>
   <body>
      <header class="header1">
         <div class="header-top">
            <div class="container">
               <div class="header_top_inner">
                  <div class="pull-left">
                     <a href=""><i class="fa fa-phone"></i>+(1800) 5683248</a> 
                     <a href="#"><i class="fa fa-envelope-o"></i>info@fitaza.com</a> 
                     <a><i class="fa fa-clock-o"></i>Mon-Sat: 9 am to 5 pm </a>
                  </div>
                  <div class="pull-right">
                     <ul class="header_social">
                        <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-twitter" ></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="tt-header logo-switch">
            <div class="container">
               <div class="top-inner clearfix">
                  <div class="logo pull-left main-logo">
                     <a href="index.html">
                        <img src="images/logo-top.png" class="img-responsive white" alt="" title="logo">
                        <img src="images/logo-1.png" class="img-responsive green" alt="" title="logo">
                     </a>
                  </div>
                  <div class="cmn-toggle-switch"><span></span></div>
               </div>
               <div class="toggle-block">
                  <div class="toggle-block-container">
                     <nav class="main-nav clearfix">
                        <ul>
                           <li class="active parent">
                              <a href="#"><span>Home<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="index.html"><span>Home One</span></a></li>
                                 <li><a href="index-2.html"><span>Home Two</span></a></li>
                                 <li><a href="index-3.html"><span>Home Three</span></a></li>
                                 <li><a href="index-4.html"><span>Home Four</span></a></li>
                                 <li><a href="index-5.html"><span>Home Five</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>About Us <i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="about.html"><span>About</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="classes.html"><span>Classes<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="runing-fitness.html"><span>Running Classes</span></a></li>
                                 <li><a href="weight-lifting.html"><span>Weight Lifting Classes</span></a></li>
                                 <li><a href="organic-yoga.html"><span>Organic Yoga Classes</span></a></li>
                                 <li><a href="body-building.html"><span>Body Building Classes</span></a></li>
                                 <li><a href="raw-fitness.html"><span>Raw Fitness Classes</span></a></li>
                                 <li><a href="body-combact.html"><span>Body Combat Classes</span></a></li>
                                 <li><a href="strength-training.html"><span>Strength Training</span></a></li>
                                 <li><a href="power-yoga.html"><span>Power Yoga</span></a></li>
                                 <li><a href="pilates-fitness.html"><span>Pilates Fitness</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>Events<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="event.html"><span>Events 2 Columns</span></a></li>
                                 <li><a href="events-details.html"><span>Event Details</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>Blog<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="blog-lefttsidebar.html"><span>Blog Left Sidebar</span></a></li>
                                 <li><a href="blog-rightsidebar.html"><span>Blog Right Sidebar</span></a></li>
                                 <li><a href="blogwithout-sidebar.html"><span>Blog Without Sidebar</span></a></li>
								 <li><a href="blog-details.html"><span>Blog Details</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>Pages<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="404.html"><span>404</span></a></li>
                                 <li><a href="maintenance.html"><span>Maintenance</span></a></li>
                                 <li><a href="coming-soon.html"><span>Coming soon</span></a></li>
                                 <li><a href="testimonial.html"><span>Testimonial</span></a></li>
                                 <li><a href="appointment.html"><span>Appointment</span></a></li>
                                 <li><a href="faq.html"><span>Faq</span></a></li>
                                 <li  class="parent">
                                    <a href="gallery2column.html"><span>Gallery <i class="menu-toggle fa fa-angle-down"></i></span></a>
                                    <ul>
                                       <li><a href="gallery2column.html"><span>Gallery 2 Column</span></a></li>
                                       <li><a href="gallery3column.html"><span>Gallery 3 Column</span></a></li>
                                       <li><a href="gallery4column.html"><span>Gallery 4 Column</span></a></li>
                                    </ul>
                                 </li>
								 <li><a href="trainers.html"><span>Trainers</span></a></li>
                                 <li><a href="trainers-detail.html"><span>Trainer Details</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>Shop<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="shop.html"><span>Shop</span></a></li>
                                 <li><a href="shop-detail.html"><span>Shop Detail</span></a></li>
                                 <li><a href="shop-cart.html"><span>Shop Cart</span></a></li>
                                 <li><a href="checkout.html"><span>Checkout</span></a></li>
                              </ul>
                           </li>
                           <li>
                              <a href="contactus.html"><span>Contact Us</span></a>
                           </li>
                        </ul>
                     </nav>
                  </div>
               </div>
            </div>
         </div>
      </header>
      <!--================ Our header Section end from hear=================-->
      <!--================ Our banner Section =================-->
       <div class="banner">
			<div class="container">
				<div class="row">
					<h1 class="banner_title">Gallery</h1>
					<div class="breadcrumb">
					    <ul>
					         <li><a href="index.html">Home</a></li>
					         <li><i class="fa fa-angle-right" aria-hidden="true"></i></li> 
					         <li><a href="gallery2column.html">Gallery</a></li>
							 <li><i class="fa fa-angle-right" aria-hidden="true"></i></li> 
					         <li class="active"><a href="gallery3column.html">Gallery 3 Columns</a></li>
					    </ul>
					</div>
				</div>
			</div>
		</div>
      <!--================ Our banner Section end =================-->
      <!--================ Portfolio Project 2 columns Section =================-->
      <div class="portfolio project_3columns cellpadding">
         <div class="container">
            <div class="row">
               <ul class="portfolio-sorting list-inline text-center">
                  <li><a href="#" data-group="all" class="active">ALL</a></li>
                  <li><a href="#" data-group="Body Building">Body Building</a></li>
                  <li><a href="#" data-group="Weight Lifting">Weight Lifting</a></li>
                  <li><a href="#" data-group="Fitness">Fitness</a></li>
                  <li><a href="#" data-group="Yoga">Yoga</a></li>
               </ul>
               <!--end portfolio sorting -->
               <div class="portfolio-items list-unstyled" id="grid">
                  <div  class="col-md-4 col-sm-4 col-xs-12" data-groups='["Weight Lifting"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/9.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/9.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <div  class="col-md-4 col-sm-4 col-xs-12"  data-groups='["Yoga"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/10.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/10.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <div  class="col-md-4 col-sm-4 col-xs-12" data-groups='["Body Building"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/11.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/11.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <div  class="col-md-4 col-sm-4 col-xs-12" data-groups='["weight-Lifting"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/12.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/12.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <div  class="col-md-4 col-sm-4 col-xs-12" data-groups='["interiors"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/13.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/13.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <div  class="col-md-4 col-sm-4 col-xs-12" data-groups='["Fitness"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/14.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/14.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <div  class="col-md-4 col-sm-4 col-xs-12" data-groups='["Weight Lifting"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/15.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/15.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <div  class="col-md-4 col-sm-4 col-xs-12" data-groups='["Yoga"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/16.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/16.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <div  class="col-md-4 col-sm-4 col-xs-12" data-groups='["Yoga"]'>
                     <figure class="portfolio-item item">
                        <div class="image image-opacity-on-hover image-zoom-on-hover">
                           <a href="#" >
                           <img src="images/gallery-2/17.jpg" alt="Item 1" class="img-responsive">
                           </a>
                           <div class="overlay-background">
                              <div class="inner-overlay">
                                 <div class="inner-overlay-content with-icons"><a data-title="First Image" href="images/gallery-2/17.jpg" class="lightbox lens_icon">
                                    <i class="fa fa-search-plus"></i>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </figure>
                  </div>
                  <!-- sizer -->
                  <div class="col-md-4  col-sm-4 col-xs-12 shuffle_sizer"></div>
               </div>
               <!--end portfolio grid -->
            </div>
            <!--end row --> 
            <div class="col-md-12">
               <div class="wrapper-inner-tab-backgrounds-first">
                  <a href="#">
                     <div class="sim-button button8 whitebtn"><span>Show More</span></div>
                  </a>
               </div>
            </div>
         </div>
      </div>
      <!--================ End Portfolio Project 2 columns Section =================-->
      <div class="tz-newsletter tz-newsletter-type-1">
         <div class="container">
            <div class="row">
               <div class="newsletter-left col-md-6">
                  <div class="news-icon">
                     <i class="fa fa-paper-plane"></i>
                  </div>
                  <div class="news-content">
                     <h3 class="new-title">
                        Subscribe our newsletter                   
                     </h3>
                     <p>Register now! We will send you best offers for your trip. </p>
                  </div>
               </div>
               <div class="newsletter-right col-md-6">
                  <form class="newsletter">
                     <div class="tnp-field tnp-field-email"><label>email</label>
                        <input class="tnp-email" type="email" name="ne" value="" placeholder="Enter Your Email" required>
                        <button type="submit" class="btn btn-success sim-button button8 btn-effect "><span>Submit</span></button>
                     </div>
                     <div class="tnp-field tnp-field-button">
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
      <!--================ Our footer Section start=================-->
      <footer class="xyz">
         <div class="footer cellpadding">
            <div class="container">
               <div class="row">
                  <div class="t-footer">
                     <div class="col-sm-4 col-sm-4">
                        <div class="t-footer">
                           <img src="images/footer-logo.png" class="img-responsive" alt="" title="footer-logo">
                           <p>Lorem ipsum dolor sit amet, consectetuer 
                              adipiscing elit. Aenean commodo ligula eget
                              dolor. Aenean massa.
                           </p>
                           <div class="contact">
                              <h4><i class="fa fa-phone"></i> 1(123) 456-7890</h4>
                              <h4><i class="fa fa-map-marker"></i>     San Diego City, US</h4>
                              <h4> <i class="fa fa-clock-o"></i> Mon - Sat 9.00 - 17.00</h4>
                           </div>
                        </div>
                        <!--t-footer-->
                     </div>
                     <!--col-->
                     <div class="col-sm-4 col-sm-4">
                        <div class="t-footer">
                           <h2>Useful Links</h2>
                           <ul class="tt-footer-list">
                              <li><a href="index.html">Home</a></li>
                              <li><a href="about.html">About Us</a></li>
                              <li><a href="faq.html">Faq</a></li>
                              <li><a href="appointment.html">Appointment</a></li>
                              <li><a href="contactus.html">Contact Us</a></li>
                           </ul>
                        </div>
                        <!--t-footer-->
                     </div>
                     <!--col-->
                     <div class="col-sm-4 col-sm-4">
                        <div class="t-footer">
                           <h2  class="last">Opening Hours</h2>
                           <div class="Monday ">
                              <h5>Monday <span>8:00 AM - 4:00 PM</span></h5>
                              <h5>Wednesday<span>8:00 AM - 4:00 PM</span></h5>
                              <h5>Friday <span>8:00 AM - 4:00 PM</span></h5>
                              <h5>Saturday <span>9:00 AM - 3:00 PM</span></h5>
                              <h5>Sunday <span>closed</span></h5>
                           </div>
                        </div>
                        <!--t-footer-->
                     </div>
                     <!--col-->
                  </div>
                  <!--row-->
               </div>
               <!--t-footer-->
            </div>
            <!--container-->
         </div>
         <!--footer-->
         <!--================ Our footer Section start=================-->
         <!--================ Our bottom footer Section start=================-->
         <div class="footer-bottom">
            <div class="container">
               <div class="row">
                  <div class="col-sm-6 col-sd-6 col-xs-12">
                     <div class="tt-copy-left">
                        Copyright © Fitaza 2019. All rights reserved.
                     </div>
                  </div>
                  <div class="col-sm-6 col-xs-12">
                     <div class="tt-copy-right">
                        <p> Created by: &nbsp;<a href="http://www.17sucai.com/">ThemeChampion</a></p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>

      <!-- Back To Top Start -->
      <a id="mkdf-back-to-top" href="#" class="off"><i class="fa fa-chevron-up"></i></a>
      <!-- Back To Top End -->

      <!--================ Our bottom footer Section end=================-->
      <script src="js/jquery.min.js"></script>
      <script src="js/jquery.shuffle.min.js"></script>
      <script src="js/custom.js"></script>
      <script src="js/global.js"></script>
      <script src="js/swiper.jquery.min.js"></script>
      <script src="js/owl.carousel.min.js"></script>
      <script src="js/jquery.magnific-popup.min.js"></script>
      <script src="js/jquery.barfiller.js"></script>
      <script src="js/imagelightbox.min.js"></script>
   </body>
</html>
